<template>
	<div>
		<div	id ="container">
			
		</div>
	</div>
</template>

<script>
	import AMapLoader from '@amap/amap-jsapi-loader';
	props:{
		markList:[]
	}
	export default {
	  name: "map-view",
	  mounted() {
	    this.initAMap();
	  },
	  unmounted() {
	    this.map?.destroy();
	  },
	  methods: {
	    initAMap() {
	      AMapLoader.load({
	        key: "4503bf596fa0681d4f7c123da77a5186", // 申请好的Web端开发者Key，首次调用 load 时必填
	        version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
	        plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
	      })
	        .then((AMap) => {
	          this.map = new AMap.Map("container", {
	            // 设置地图容器id
	            viewMode: "2D", // 是否为3D地图模式
	            zoom: 11, // 初始化地图级别
	            center: [116.397428, 39.90923], // 初始化地图中心点位置
	          });
	        })
	        .catch((e) => {
	          console.log(e);
	        });
	    },
	  },
	};
</script>
<style  scoped>
    #container{
        padding:0px;
        margin: 0px;
        width: 100%;
        height: 800rpx;
    }
</style>